import React, { useEffect, useState } from "react";

export function UsersFrame(): React.ReactNode {
    const [count, setCount] = useState(0);
    const [page, setPage] = useState(1);
    fetch("/usersCount", {
        method: "post",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({}),
    }).then(v => {
        v.json().then((v: { res: "bad", text: string } | { res: "ok", count: number }) => {
            if (v.res == "ok")
                setCount(v.count);
        })
    })
    return <>
        <ul className="uk-pagination">
            <li><a href=""></a></li>
            <li className="uk-active"><span></span></li>
            <li className="uk-disabled"><span></span></li>
        </ul>
    </>;
}